<template>
  <div class="business">
    <!-- <div class="header">
      <h1>鑫领鲜平价蔬菜行</h1>
    </div> -->
    
    
    <div class="detail">
      <div class="detail-phone">
        <div><i class="iconfont">&#xe613;</i>  13728923013,13302985116  </div>
        <i class="iconfont">&#xe6b4;</i>
      </div>
      <div class="detail-address">
        <i class="iconfont">&#xe604;</i>
        <p>商家地址：深圳市福田区梅林街道下梅林村杨桃组40号102</p>
      </div>
    </div>
    
    <div class="timer">
      <div class="timer-pei">
        <i class="iconfont">&#xe663;</i>
        <p>配送时间：00:00-06:59,07:00-19:00</p>
      </div>
      <div class="timer-fu">
        <i class="iconfont">&#xe658;</i>
        <p>配送服务：由 商家 提供配送服务</p>
      </div>
    </div>
    
    <div class="pay">
      <div class="pay-1">
        <i class="iconfont">&#xe877;</i>
        <p>该商家支持在线支付</p>
      </div>
    </div>
    
    <div class="open">
      <p>查看餐厅营业资质</p>
      <i class="iconfont">&#xe612;</i>
    </div>
    
  </div>
  
  
</template>

<script>
export default {
    
    }
</script>

<style lang="scss" scoped>
@import '../../../static/hotcss/px2rem.scss';
.business{
  .header{
    height: px2rem(180);
    width: 100%;
    background: white;
    margin-bottom: px2rem(20);
  }
  
  .detail{
    padding-left: px2rem(30);
    background: white;
    margin-bottom: px2rem(20);
    .detail-phone{
      display: flex;
      width: 100%;
      padding: px2rem(30) 0;
      justify-content: space-between;
      align-items: center;
      font-size: px2rem(26);
      color: black;
      border-bottom: px2rem(1) solid #f0f0f0;
      div{
        .iconfont{
          font-size: px2rem(28);
          color: #b6b6b6;
          margin-right: px2rem(26);
        }
      }
      .iconfont{
        font-size: px2rem(40);
        color: #ffd161;
        margin-right: px2rem(30);
      }
    }
    .detail-address{
      display: flex;
      
      align-items: center;
      padding: px2rem(30) 0;
      font-size: px2rem(26);
      color: black;
      .iconfont{
        font-size: px2rem(28);
        color: #b6b6b6;
        margin-right: px2rem(26);
      }
      p{
        padding-right: px2rem(30);
      }
    }
  }
  .timer{
    padding-left: px2rem(30);
    background: white;
    margin-bottom: px2rem(20);
    .timer-pei{
      display: flex;
      border-bottom: px2rem(1) solid #f0f0f0;
      align-items: center;
      padding: px2rem(30) 0;
      font-size: px2rem(26);
      color: black;
      .iconfont{
        font-size: px2rem(28);
        color: #b6b6b6;
        margin-right: px2rem(26);
      }
      p{
        padding-right: px2rem(30);
      }
    }
    .timer-fu{
      display: flex;
      
      align-items: center;
      padding: px2rem(30) 0;
      font-size: px2rem(26);
      color: black;
      .iconfont{
        font-size: px2rem(28);
        color: #b6b6b6;
        margin-right: px2rem(26);
      }
      p{
        padding-right: px2rem(30);
      }
    }
  }
  .pay{
    padding-left: px2rem(30);
    background: white;
    margin-bottom: px2rem(40);
    .pay-1{
      display: flex;
      
      align-items: center;
      padding: px2rem(30) 0;
      font-size: px2rem(26);
      color: black;
      .iconfont{
        font-size: px2rem(28);
        color: blue;
        margin-right: px2rem(26);
      }
      p{
        padding-right: px2rem(30);
      }
    }
  }
  .open{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    padding: 0 px2rem(20);
    border-top: px2rem(1) solid #dddddd;
    border-bottom: px2rem(1) solid #dddddd;
    font-size: px2rem(24);
    p{
      padding: px2rem(30) 0;
    }
    .iconfont{
      font-size: px2rem(40);
    }
  }
}
</style>